<template>
    <Header></Header>
    <el-main>
        <Main></Main>
    </el-main>

    <div class="footer">
        <p style="padding: 8px;">Made With 🧡💗💖💝 By wejectchan</p>
        <p>
            <el-link href="https://github.com/carloscuesta/gitmoji" underline="never"
                target="_blank" type="info">Fork
                from gitmoji@github under the MIT license</el-link>
        </p>
        <p>
            <el-link href="https://github.com/hooj0/git-emoji-guide" target="_blank"
                underline="never" type="info">Translate by hooj0/git-emoji-guide@github under the
                Apache License 2.0</el-link>
        </p>
    </div>
</template>

<script setup>
import Header from '@/components/Header.vue'
import Main from '@/components/Main.vue';

</script>

<style>
.el-main {
    background-color: #ddeef7;
    z-index: 2;
    padding: 0;
    width: 100%;
    min-height: 700px;
}

.footer {
    background-color: #464646;
    text-align: center;
    color: aliceblue;
    padding: 8px;
}

p {
    margin: 0;
}
</style>